<template>
    <div class="w-screen h-screen gif-bg flex justify-center pt-16 sm:pt-40">
        <div class="flex w-72 flex-col sm:w-96">
            <img class="block" src="/goost.gif" />
            <div class="text-white flex flex-col container ml-10">
                <span class="font-extrabold text-4xl sm:text-6xl">404</span>
                <span class="mt-2 sm:text-2xl">找不到路了？点击返回首页试试</span>
                <a class="mt-2 font-normal hover:font-extrabold hover:text-yellow-100 active:text-yellow-100 active:font-extrabold sm:text-2xl" href="/">返回首页</a>
            </div>
        </div>
    </div>
</template>

<style>
.gif-bg{
    background-color: #00DAE0;
}
</style>